<template>
  <div class="login-container">
    <el-card>
      <template slot="header">
        <i class="fa fa-handshake-o" aria-hidden="true"></i>  奥凯航空-系统登录
      </template>
      <el-form>
        <el-form-group>
          <el-form-item label="用户名" label-width="80px">
            <el-input v-model="form.username"></el-input>
          </el-form-item>
        </el-form-group>
        <el-form-group>
          <el-form-item label="密码" label-width="80px">
            <el-input v-model="form.password"></el-input>
          </el-form-item>
        </el-form-group>
        <el-form-group>
          <el-form-item>
            <el-button type="success" @click="loginHandle">登录</el-button>
          </el-form-item>
        </el-form-group>
      </el-form>
    </el-card>

  </div>
</template>

<script>
  export default {
    name: "Login4",
    data() {
      return {
         form:{
            username:'',
             password:''
         }
      }
    },methods:{
      loginHandle(){

          alert("username:"+this.form.username
            +"-----password:"+this.form.password);
      }
    }
  }
</script>

<style scoped>
  .login-container {
    width: 450px;
    margin-top: 200px;
    margin-left: 400px;
  }

  .el-button {
    margin-left: 60px;
    width: 80%;
  }

</style>
